@import './variables';
@import './public';
@import './newstyle';

@font-face {
  font-family: 'Blender Pro';
  src: url('../fonts/BlenderPro.ttf');
}
@font-face {
  font-family: 'MSTIFFHEIPRC';
  src: url('../fonts/MSTIFFHEIPRC-ULTRABOLD.TTF');
}
@font-face {
  font-family: 'Number';
  src: url('../fonts/Number.TTF');
}
@font-face {
  font-family: 'Rzzy';
  src: url('../fonts/Rzzy.TTF');
}
html,
body {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  user-select: none;
  div {
    box-sizing: border-box;
  }
}
h5,
ul,
li,
p {
  padding: 0;
  margin: 0;
  list-style: none;
}

// 图标大小
.comIcon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

//el滚动条
.el-scrollbar {
  overflow-y: hidden;

  .el-scrollbar__wrap {
    overflow-x: hidden;
  }

  .el-scrollbar__bar {
    &.is-vertical {
      //width: 4px; //滚动条宽度

      .el-scrollbar__thumb {
        background-color: $scrollBg;
      }
    }
  }
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: $scrollBg;
}
